/* pages/home/home.wxss */
//整个page页面样式
page{
  height: 100vh;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

//轮播图样式
.swiper{
  swiper{
    height: 360rpx;
    background-color: skyblue;
    
    swiper-item{
      image{
        width: 100%;
        // height: 100%;
      }
      //& swiper-item:first-child
      // &:first-child{
      //   background-color: slateblue;
      // }

      // &:last-child{
      //   background-color:springgreen ;
      // }
    }
  }
}
//公司信息
.info{
  display: flex;
  justify-content: space-between;
  background-color:#fff;
  padding: 16rpx;
  font-size: 30rpx;
  view{
    display: flex;
    align-items: center;
    //base64或网络图片转本地路径
    background-image: url('/assets/iconfont/apple.png');
    image{
      width: 40rpx;
      height: 40rpx;
      margin-right: 10rpx;
    }
  }
  .iconfont{
    margin-right: 10rpx;
  }
}
//商品导航
.nav{
  display: flex;
  justify-content: space-between;
  padding: 20rpx;
 view{
  navigator{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  image{
    width: 80rpx;
    height: 80rpx;
  }
  text{
    font-size: 30rpx;
    margin-top: 12rpx;
  }
 }
}
//scroll-view
.scroll-view-x{
  width: 100%;
  white-space: nowrap;
  view{
    display: inline-block;
    width: 300rpx;
    height: 500rpx;
    .good-item{
      height: 500rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;

      text{
        &:first-of-type{
          font-weight: bold;
        }
      }
    }
    image{
      width: 100%;
      height: 320rpx;
    }
  }
}
.scroll-view-y{
       height: 400rpx;
       background-color: steelblue;
       margin-top: 20px;
       view{
         height: 400rpx;
        &:first-child{
          background-color: slateblue;
        }
        &:last-child{
          background-color: springgreen;
        }
       }
}
//绑定事件
.bindinput{
  background-color: tomato;
}